<template>
  <div class="uu">
    <li v-for="(item,index) in lis">
      <img :src="item.pic" alt="" />
      <p>{{item.name}}</p>
      <p>城市:{{item.city}}</p>
      <p>地址: {{item.address}}</p>
      <p>价格: {{item.price}}</p>
      <p>演出时间:{{item.showTime}}</p>
    </li>



  </div>


</template>

<script>

export default {
  name: "Shop",
  // props: ["item"],
  props:["lis"],
  data() {
    return {

    };
  },
}

</script>

<style scoped>
ul,
li {
  list-style: none;
}

.uu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}



li {
  width: 280px;
  border: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 10px;

}

li>img {
  width: 280px;
  height: 320px;
  display: block;
}

li>p {
  padding-left: 10px;
  padding-top: 10px;
}
</style>
